<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/swiper-bundle.min.css" />
		<style>
			/* 轮播样式 */
			.swiper-container {
				width: 100%;
				height: 100%;
				--swiper-navigation-color: #D9D4D3;
				/* 单独设置按钮颜色 */
			}
			
			.banner-img{
				width:100%;
				height:16rem;
			}
		
			
			/* .swiper-button-prev {
				left: 2rem;
			}
			
			.swiper-button-next {
				 right: 2rem;
			} */
		</style>
	</head>
	<body id="body">
		<!-- 头部 -->
		<div class="head">
			<!-- 头部-logo -->
			<div class="first-logo">
				<div class="logo"><img src="./img/logo.png" /></div>
				<div class="conn-mobile">
					<div>莓农园-长丰草莓批发采购</div>
					<div>联系电话：<span>18949858240</span></div>
					<div>微信：<span>18949858204</span></div>
				</div>
				<!-- 导航button按钮 -->
				<div class="navbtn"><img src="img/navbtn.png" /></div>
			</div>
			<!-- 头部-菜单 -->
			<div class="menu">
				<ul>
					<li><a href="product.html">产品中心</a></li>
					<li class="active"><a href="index.html">首页</a></li>
					<li><a href="article.html">关于我们</a></li>
					<li><a href="pifa.html">草莓批发</a></li>
					<li><a href="retail.html">零售采购</a></li>
					<li><a href="list.html">加盟代理</a></li>
					<li><a href="price.html">草莓采购</a></li>
					<li><a href="zhishi.html">草莓知识</a></li>
				</ul>
			</div>
			<div class="product-menu">
				<ul>
					<li>
						<div>红颜草莓</div>
						<ul>
							<li>大果</li>
							<li>中果</li>
							<li>小果</li>
						</ul>
					</li>
					<li>
						<div>红颜草莓</div>
						<ul>
							<li>大果</li>
							<li>中果</li>
							<li>小果</li>
						</ul>
					</li>
					<li>
						<div>红颜草莓</div>
						<ul>
							<li>大果</li>
							<li>中果</li>
							<li>小果</li>
						</ul>
					</li>
					<li>
						<div>红颜草莓</div>
						<ul>
							<li>大果</li>
							<li>中果</li>
							<li>小果</li>
						</ul>
					</li>
				</ul>
			</div>
			<!-- 头部-轮播图 -->
			<div class="swiper-container" id="swiper-banner">
				<div class="swiper-wrapper" id="swiper-wrapper">
					<div class="swiper-slide"><img src="img/banner.jpg" class="banner-img" /></div>
					<div class="swiper-slide"><img src="img/banner2.jpg" class="banner-img" /></div>
					<div class="swiper-slide"><img src="img/banner3.jpg" class="banner-img" /></div>
					<div class="swiper-slide"><img src="img/banner4.jpg" class="banner-img" /></div>
				</div>
				<!-- div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div> -->
			</div>
			<!-- 头部-搜索框 -->
				<div class="search">
					<div class="first-line">
						<div class="search-child">
							<img src="img/marquee.png" />
							<div>站内公告：莓农园卡加上啊哈嘎哈嘎嘎</div>
						</div>
						<div class="search-child">
							<div><input type="text" placeholder="请输入关键词" value="" /></div>
							<img src="img/search.png" />
						</div>
					</div>
				</div>
		</div>
		<!-- 中间部分 -->
		<div class="content">
			<!--图文介绍 -->
			<div class="img-art">
				<ul class="con-banner">
					<li>
						<img src="img/top3.png" />
					</li>
					<li>
						<img src="img/top2.png" />
					</li>
					<li>
						<img src="img/top1.png" />
					</li>
					<li>
						<img src="img/top4.png" />
					</li>
				</ul>
			</div>
			<div class="second-line">
				<!-- 长丰草莓价格 -->
				<div class="cm-price">
					<div class="title"><img src="img/price.png" />长丰草莓价格</div>
					<div class="more">更多 ></div>
				</div>
				<div class="second-content">
					<div class="juxing">
						<ul>
							<li>草莓批发</li>
							<li>零售采购</li>
							<li>草莓采购</li>
						</ul>
					</div>
					<div class="empty-line"></div>
					<div class="pifa">
						<div class="pf-child">
							<div class="pf-title">草莓批发价格</div>
							<img src="img/pf1.png" />
							<ul>
								<li>
									<div>·</div>
									<div>2020首页首页20</div>
									<div>01-13</div>
								</li>
								<li>
									<div>·</div>
									<div>2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页</div>
									<div>01-13</div>
								</li>
								<li>
									<div>·</div>
									<div>2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页</div>
									<div>01-13</div>
								</li>
								<li>
									<div>·</div>
									<div>2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页</div>
									<div>01-13</div>
								</li>
								<li>
									<div>·</div>
									<div>2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页</div>
									<div>01-13</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="pifa">
						<div class="pf-child">
							<div class="pf-title">草莓零售价格</div>
							<img src="img/pf2.png" />
							<ul>
								<li>
									<div>·</div>
									<div>2020首页首页20</div>
									<div>01-13</div>
								</li>
								<li>
									<div>·</div>
									<div>2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页</div>
									<div>01-13</div>
								</li>
								<li>
									<div>·</div>
									<div>2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页</div>
									<div>01-13</div>
								</li>
								<li>
									<div>·</div>
									<div>2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页</div>
									<div>01-13</div>
								</li>
								<li>
									<div>·</div>
									<div>2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页2020首页首页</div>
									<div>01-13</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- 第三行 -->
			<div class="third-line">
				<div class="first-child">
					<div class="cm-lingshou">
						<div><img src="img/car.png" />草莓零售采购</div>
						<div>更多 ></div>
					</div>
					<div class="product-list">
						<div class="pro-info">
							<img src="img/caomei2.png" />
							<div class="pro-title">草莓3斤12元</div>
							<div class="pro-money">
								<div>¥25</div>
								<div>购买</div>
							</div>
						</div>
						<div class="pro-info">
							<img src="img/caomei1.png" />
							<div class="pro-title">草莓3斤12元</div>
							<div class="pro-money">
								<div>¥25</div>
								<div>购买</div>
							</div>
						</div>
						<div class="pro-info">
							<img src="img/caomei3.png" />
							<div class="pro-title">草莓3斤12元</div>
							<div class="pro-money">
								<div>¥25</div>
								<div>购买</div>
							</div>
						</div>
						<div class="pro-info">
							<img src="img/caomei4.png" />
							<div class="pro-title">草莓3斤12元</div>
							<div class="pro-money">
								<div>¥25</div>
								<div>购买</div>
							</div>
						</div>
						<div class="pro-info">
							<img src="img/caomei5.png" />
							<div class="pro-title">草莓3斤12元</div>
							<div class="pro-money">
								<div>¥25</div>
								<div>购买</div>
							</div>
						</div>
						<div class="pro-info">
							<img src="img/caomei4.png" />
							<div class="pro-title">草莓3斤12元</div>
							<div class="pro-money">
								<div>¥25</div>
								<div>购买</div>
							</div>
						</div>
						<div class="pro-info">
							<img src="img/caomei6.png" />
							<div class="pro-title">草莓3斤12元</div>
							<div class="pro-money">
								<div>¥25</div>
								<div>购买</div>
							</div>
						</div>
						<div class="pro-info">
							<img src="img/caomei1.png" />
							<div class="pro-title">草莓3斤12元</div>
							<div class="pro-money">
								<div>¥25</div>
								<div>购买</div>
							</div>
						</div>
					</div>
				</div>
				<div class="second-child"></div>
				<div class="last-child">
					<div class="cm-lingshou">
						<div><img src="img/zhinan.png" />草莓食用指南</div>
					</div>
					<table>
						<tr>
							<td>食用方法</td>
							<td>清洗方法</td>
							<td>营养价值</td>
						</tr>
						<tr>
							<td>挑选方法</td>
							<td>采集方法</td>
							<td>草莓分类</td>
						</tr>
					</table>
					<img src="img/online.png" width="100%" style="margin-bottom: 1rem;" />
					<div class="cm-lingshou">
						<div><img src="./img/qa.png" />精选问答</div>
					</div>
					<ul>
						<li>
							<img src="./img/sanjiaoxing.png" />
							<div>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</div>
						</li>
						<li>
							<img src="./img/sanjiaoxing.png" />
							<div>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</div>
						</li>
						<li>
							<img src="./img/sanjiaoxing.png" />
							<div>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</div>
						</li>
						<li>
							<img src="./img/sanjiaoxing.png" />
							<div>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</div>
						</li>
						<li>
							<img src="./img/sanjiaoxing.png" />
							<div>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</div>
						</li>
					</ul>
				</div>
			</div>
			<!-- 第四行 -->
			<div class="fourth-line-one">
				<div class="case">
					<div class="active">草莓批发</div>
					<div>代理加盟</div>
				</div>
				<div class="case-info">
					<div class="case-child">
						<img src="img/wan.png" class="wan" />
					</div>
					<div style="flex:0.1"></div>
					<div class="case-child">
						<div class="pi">
							<img src="img/zhinan.png" class="zhinan" />
							批发资讯
						</div>
						<div><img src="img/shaozi.png" /></div>
						<div>
							<ul>
								<li>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</li>
								<li>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</li>
								<li>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</li>
								<li>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</li>
								<li>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</li>
								<li>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</li>
							</ul>
						</div>
					</div>
					<div class="tu">
						<img src="img/pifa3.png" />
						<img src="img/pifa4.png" />
						<img src="img/pifa5.png" />
					</div>
					<div style="flex:0.1"></div>
					<div class="case-child">
						<h2>常见问题</h2>
						<div><img src="img/wenti1.png" /></div>
						<ul>
							<li>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</li>
							<li>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</li>
							<li>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</li>
							<li>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</li>
							<li>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</li>
							<li>精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1精选问题1</li>
						</ul>
					</div>
					<div style="flex:0.1"></div>
					<!-- <div class="case-child">4</div> -->
				</div>
			</div>
			<div class="fourth-line">
				<div class="case">
					<div class="active">产品中心</div>
					<div>采摘案例</div>
					<div>供货案例</div>
				</div>
				 <div class="case-img">
					<div class="swiper-container" id="case-img">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><img src="img/caomei2.png" /></div>
							<div class="swiper-slide"><img src="img/caomei3.png" /></div>
							<div class="swiper-slide"><img src="img/caomei4.png" /></div>
							<div class="swiper-slide"><img src="img/caomei5.png" /></div>
							<div class="swiper-slide"><img src="img/caomei6.png" /></div>
						</div>
					</div>
				</div> 
			</div>
			<!-- 第五行 -->
			<div class="five-line">
				<div class="tit">批发/采购/零售请留电</div>
				<div><input type="text" value="" placeholder="姓名" /></div>
				<div><input type="text" value="" placeholder="电话" /></div>
				<div><input type="text" value="" placeholder="微信" /></div>
				<div><button>留电咨询</button></div>
			</div>
			<!-- 第六行 -->
				<div class="six-line">
					<div class="six-1">
						<div class="six-title"><img src="./img/zixun-white.png" />草莓咨询</div>
						<ul>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
						</ul>
					</div>
					<div style="flex: 0.1;"></div>
					<div class="six-1">
						<div class="six-title"><img src="./img/know.png" />草莓知识</div>
						<ul>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
						</ul>
					</div>
					<div style="flex: 0.1;"></div>
					<div class="six-1">
						<div class="six-title"><img src="./img/news.png" />莓农新闻</div>
						<ul>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
						</ul>
					</div>
					<div style="flex: 0.1;"></div>
					<div class="six-1">
						<div class="six-title"><img src="./img/zhongzhi.png" />草莓种植</div>
						<ul>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
							<li>
								<img src="./img/yuanxing.png" />
								<div>购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111购买问题111</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="friend-urls">
				<div class="border">
					<div>友情链接:</div>
					<ul>
						<li>友情链接1</li>
						<li>友情链接1</li>
						<li>友情链接1</li>
						<li>友情链接1</li>
						<li>友情链接1</li>
						<li>友情链接1</li>
						<li>友情链接1</li>
						<li>友情链接1</li>
						<li>友情链接1</li>
						<li>友情链接1</li>
						<li>友情链接1</li>
						<li>友情链接1</li>
						<li>友情链接1</li>
						<li>友情链接1</li>
					</ul>
				</div>
			</div>
			<!-- 尾部 -->
			<div class="foot">
				<div class="foot-menu">
					<div>
						<div class="mei"><img src="img/logo-bottom.png"></div>
						<div class="mobile">
							<img src="img/mobile.png" />
							<div>
								<div>联系电话</div>
								<div>15588565013</div>
							</div>
						</div>
					</div>
					<div class="tan">
						<div class="quick">
							<div>快速入口</div>
							<ul>
								<li>草莓批发价格</li>
								<li>草莓零售价格</li>
								<li>长丰草莓批发</li>
								<li>长丰草莓代理</li>
								<li>长丰草莓加盟</li>
							</ul>
						</div>
						<div class="quick">
							<div>热门频道</div>
							<ul>
								<li>草莓资讯</li>
								<li>草莓知识</li>
								<li>莓农新闻</li>
								<li>草莓种植</li>
								<li>草莓加盟</li>
							</ul>
						</div>
						<div class="quick">
							<div>热点咨讯</div>
							<ul>
								<li>草莓资讯</li>
								<li>草莓知识</li>
								<li>市场行情</li>
							</ul>
						</div>
					</div>
					<div class="code">
						<img src="img/code.png" />
						<div>莓农果园微信：</div>
						<div>15588565013</div>
					</div>
				</div>
				<div class="beian">CopyRight 2019-2021 合肥莓农商贸</div>
			</div>
		</div>
	</body>
	<script src="js/swiper-bundle.min.js"></script>
	<script src="js/jquery-3.1.1.min.js"></script>
	<script src="js/all.js"></script>
</html>